﻿<%@ Page Language="C#" Inherits="My.Blog.Web.Controllers.BasePage" AutoEventWireup="false" %>
<%@import namespace="System" %>
<%@import namespace="System.Threading" %>
<%@import namespace="System.Collections.Generic" %>
<%@import namespace="My.Blog.Domain.Entities" %>
<%@import namespace="My.Blog.Domain.Interfaces" %>
<%@import namespace="My.Blog.Business.Service" %>
<%@import namespace="My.Blog.Business.Security" %>
<%@import namespace="My.Blog.Web.UI" %>
<script runat="server">
/////////////////////////////////////////////////////////////////
//File: ArticleInfo.cs
//Description: 
//  
//Copyright© 2011 
//History:
//  2011-2-23 23:28:31       Original Version
/////////////////////////////////////////////////////////////////
    
</script>
<%
%>
<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>YaDesign--博客文章列表页</title>

<style type="text/css">
    @import "_UI/V2/Css/layout.css";
    @import "_Resources/Widgets/datepicker/ui.datepicker.css";
</style>
<!--[if lte IE 6]>
    <link href="_UI/V2/Css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
    <script type="text/javascript" src="_Resources/Js/jquery.pack.js"></script>
    <script type="text/javascript" src="_Resources/Js/jquery.plugins.js"></script>
    <script type="text/javascript" src="_Resources/Widgets/datepicker/ui.datepicker.js"></script>
</head>
<body>
    <div>
        <% new Header(); %>
    </div>
    
    <div id="header">
        <% new HeaderPrivate(); %>
    </div>

    <div id="breadcrumb">
        <% new Breadcrumb(); %>
    </div>
        
    <div id="wrapper">
   
        <!--main-->
        <div id="main">
        <div id="info" class="content">
          <div class="hd">
            <h2>Portfolio</h2>
            <span>Here is some of my works and logs… :&nbsp;)</span>
          </div>
          <div class="rows">
            <div><% new CreateArticle(); %></div>
            <div><% new ArticleList(); %></div>
          </div>
        </div>
        </div>
        <!--//main-->

        <!--side-->
        <div id="side">
        <div style="text-align:center;margin-top:10px">
            <!--!#include file="ad/google_200X200_pic.aspx"-->
        </div>
        <div id="linkList">
          <div class="lselect">
            <h3>Categories</h3>
            <div><% new CreateCategory(); %></div>
            <div><% new CategoryList(); %></div>
          </div>
          <div class="lselect">
            <h3>Calendar</h3>
            <!--日历-->
            <div id="calendar"></div>
            <div style="clear:both;height:1em"></div>
            <!--//日历-->
          </div>
          <div class="lselect">
            <h3>Message</h3>
            <asp:literal runat="server" id="lblRelationArticles"></asp:literal>
          </div>
          <div class="lselect">
            <h3>Recent Comments</h3>
            <asp:literal runat="server" id="lblRecentComments"></asp:literal>
          </div>
          <div class="lselect">
            <h3>Links</h3>
            <a href="http://hi.baidu.com/sydatum" target="_bank">http://hi.baidu.com/sydatum</a>
          </div>
        </div>
        <div style="text-align:center;margin-top:10px">
            <!--!#include file="ad/google_200X200_txt.aspx"-->
        </div>
        </div>
        <!--//side-->
        
        <div id="footer">
            <% new Footer(); %>
        </div>
    </div>



<script type="text/javascript">
    $(function(){
        // Tabs
        var tab = new jqTabs('#wrap',{event:'click',index:0});
        
        // 绑定显示隐藏表单
        var showHandlers = $('.showHiddenForm');
        var panels = $('.hiddenForm');
        
        showHandlers.each(function(i){
            $(showHandlers[i]).click(function(){
                $(panels[i]).slideToggle('normal',function(){});
            });
        });
        
        // 加载日历Widget
        $('#calendar').attachDatepicker({
            onSelect: function(date) {
                alert(date);
            }
        });
    });
    
</script>

</body>
</html>



